@media screen and (min-width:1024px){
/* section.slideshow .slogan-c:hover:after{ opacity: 0.5;} */
/* section.slideshow .slogan-c:hover~.cover:after{ opacity: 0;} */

section.slideshow .scroll:hover{ padding-top: 6rem;}
section.slideshow .scroll:hover i{ height: 0;}

.video.vis:hover{ transform: translateX(0);}

.inner .inner-title a.more:hover:after{ width: 100%;}
.inner .inner-title a.more:hover span{ transform: skewX(-15deg);}

section.news .inner-content a:hover:after{ width: 100%; height: 100%;}
section.news .inner-content a:hover .date{ background: white;}
section.news .inner-content a:hover .date .dot i{ background: var(--primary);}
section.news .inner-content a:hover .date .dot i:after{ background: var(--border);}
section.news .inner-content a:hover .date span{ color: var(--primary); background: white;}
section.news .inner-content a:hover .date b{ color: white; background: var(--primary);}
section.news .inner-content a:hover .strip{ opacity: 0.5;}
section.news .inner-content a:hover .info .tit{ color: white;}
section.news .inner-content a:hover .info .more{ color: white; opacity: 0.5;}

section.field .inner-content a:hover .info:before{ opacity: 1;}
section.field .inner-content a:hover .info:after{ opacity: 0;}
section.field .inner-content a:hover .info .num{ opacity: 0;}
section.field .inner-content a:hover .info .ico{ opacity: 0;}
section.field .inner-content a:hover .info .en{ opacity: 0;}
section.field .inner-content a:hover .cover img{ transform: scale(1.1);}

section.about .inner .more:hover:after{ width: 100%;}
section.about .inner .more:hover span{ transform: skewX(-15deg);}

section.about .inner .cate a:hover:after{ width: 100%;}
section.about .inner .cate a:hover .ico{ color: white;}
section.about .inner .cate a:hover .cn{ color: white;}
section.about .inner .cate a:hover .en{ color: white; opacity: 0.5;}

section.about .inner .cover .control div:hover{ background: var(--text); opacity: 1;}

section.engineering .inner-content a:hover .cover img{ transform: scale(1.05);}
section.engineering .inner-content a:hover .info:before{ width: 100%;}
section.engineering .inner-content a:hover .info:after{ opacity: 1;}
section.engineering .inner-content a:hover .info .ico,
section.engineering .inner-content a:hover .info .tit{ color: white;}
section.engineering .inner-content a:hover .info .cate{ color: white; opacity: 0.5;}

section.party .inner-content .graphic a:hover .date{ background: white;}
section.party .inner-content .graphic a:hover .date .dot i{ background: var(--secondary);}
section.party .inner-content .graphic a:hover .date .dot i:after{ background: var(--border);}
section.party .inner-content .graphic a:hover .date span{ color: var(--secondary); background: white;}
section.party .inner-content .graphic a:hover .date b{ color: white; background: var(--secondary);}
section.party .inner-content .graphic a .info .more:hover:after{ width: 100%;}
section.party .inner-content .graphic a .info .more:hover span{ color: var(--secondary); transform: skewX(-15deg);}

section.party .inner-content .list a:hover:after{ width: 100%; height: 100%;}
section.party .inner-content .list a:hover .date{ background: white;}
section.party .inner-content .list a:hover .date .dot i{ background: var(--secondary);}
section.party .inner-content .list a:hover .date .dot i:after{ background: var(--border);}
section.party .inner-content .list a:hover .date span{ color: var(--secondary); background: white;}
section.party .inner-content .list a:hover .date b{ color: white; background: var(--secondary);}
section.party .inner-content .list a:hover .strip{ opacity: 0.5;}
section.party .inner-content .list a:hover .info .tit{ color: white;}
section.party .inner-content .list a:hover .info .more{ color: white; opacity: 0.5;}

.sub .about-video:hover:after{ opacity: 0;}
.sub .about-video:hover .ico{ transform: rotate(240deg) scale(1.2); background: var(--primary);}
}